<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
        <style type="text/css">
            .petugas {
                font-size: 8pt;
                font-family: "Century Gothic";
            }
            .nope {
                font-size: 12pt;
                font-family: "Century Gothic";
            }
            .orang {
                font-size: 20pt;
                font-weight: bold;	
            }
            .wadah {
                width: 290px;
                border: 0px solid #999;
                background-color: #FFF;
                padding-top: 15px;
                padding-right: 12px;
                padding-bottom: 15px;
                padding-left:12px;
            }
            .hitam {
                padding-top: 15px;
                font-size: 8pt;
                font-family: "Century Gothic";
                padding-left:10px;
            }
            .hitam2{
                font-size: 8pt;
                font-family: "Century Gothic";
                padding-left:10px;
            }
            .putih {
                font-size: 11pt;
                font-weight: bold;
                padding-left:10px;
                padding-top: 1px;
            }
            .lunas {
                font-size: 14pt;
                font-weight: bold;
                padding-left:10px;
                padding-top: 1px;
            }	
            .kodep {
                font-size: 16pt;
                font-weight: bold;
                padding-left:10px;
                padding-top: 4px;
                padding-bottom: 5px;
            }
            .blok {
                font-size: 12pt;
                font-weight: bold;
                color: #000;
                padding-bottom: 5px;
                padding-left:10px;
                margin-bottom: 5px;
                border-bottom-width: 2px;
                border-bottom-style: solid;
                border-bottom-color: #999;
            }
            body {
                background-color: #eee;
                font-family:Arial, Helvetica, sans-serif;
            }
            .rumah {text-decoration: none; padding-bottom: 10px;}
            p {margin: 0;}

        </style>
        <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
        <script type="text/javascript" src="js/cufon-yui.js"></script>
        <script type="text/javascript" src="js/DIN_Alternate_400-DIN_Alternate_700.font.js"></script>
        <script type="text/javascript" >
            Cufon.replace('.din');
        </script>
    </head>

    <body>

        <div class="wadah">
            <div class="baris">
                <p class="orang din"><? echo $nama_peserta ?></p>
                <p class="nope"><? echo $no_hp_peserta ?></p>
            </div>
            <div class="baris">
                <p class="hitam">Mendaftar pada pelatihan</p>
                <p class="kodep din"><?php echo $kode ?>-<?php echo $angkatan ?> | <?php echo $nama_pelatihan ?></p>
                <p class="hitam2"><?php echo $jam_total ?> Jam | <?php echo $pertemuan ?> Sesi | <?php echo $sesi_per_minggu ?> Sesi Perminggu</p>
                <p class="hitam2">Angkatan <?php echo $angkatan ?> </p>
            </div>
            <div class="baris">
                <p class="hitam">Jadwal</p>
                <?php for ($i = 0; $i < count($hari); $i++) { ?>
                    <p class="putih"><?php echo $hari[$i] ?> - <?php echo $jam[$i] ?></p>
                <?php } ?>
            </div>
            <div class="baris">
                <p class="hitam">Biaya Pelatihan</p>
                <p class="putih">Rp <?php echo number_format($harga, 0, ',', '.') ?></p>
                <p class="hitam2">Diskon: <?php echo $diskon ?>%</p>
                <p class="hitam2">Biaya setelah diskon</p>
                <p class="putih">Rp <?php $temp1 = $total_bayar;
                echo number_format($temp1, 0, ',', '.'); ?></p>
            </div>
            <div class="baris">
                <p class="hitam">Pembayaran <?php echo $pembayaran_ke ?></p>
                <p class="putih">Rp <?php echo number_format($jumlah_pembayaran, 0, ',', '.') ?></p>
                <p class="hitam2"><?php echo $tanggal_pembayaran ?> (<?php echo $nama_petugas ?>)</p>
            </div>   
            <div class="baris">
                <p class="hitam">Sisa yang harus dibayar</p>
                <p class="putih">Rp <? echo number_format($sisa_pembayaran, 0, ',', '.') ?></p>
            </div>
            <div class="baris">
                <p class="hitam">Keterangan</p>
                <p class="lunas din">
                    <?php
                    if ($sisa_pembayaran > 0)
                        echo 'BELUM LUNAS';
                    else
                        echo 'LUNAS';
                    ?>
                </p>
                <br />
            </div>
            <p class=" petugas">----</p>
            <p class=" petugas">kelas akan dijalankan jika kuota minimal kelas terpenuhi</p>
            </div>
            
        </div>


    </body>
</html>
